<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<script>
			var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
				CSS.supports('top: constant(a)'))
			document.write(
				'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
				(coverSupport ? ', viewport-fit=cover' : '') + '" />')
		</script>
		<script src="https://fe-static.xhscdn.com/biz-static/goten/xhs-1.0.1.js"></script>
		<title></title>
		<!--preload-links-->
		<!--app-context-->
		<style>
			#global-loading {
				position: fixed;
				z-index: 99999;
				left: 0; top: 0; right: 0; bottom: 0;
				background: linear-gradient(135deg, #e3f0ff 0%, #f7f8fa 100%);
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.dot-spinner {
				position: relative;
				width: 60px;
				height: 60px;
			}
			.dot-spinner__dot {
				position: absolute;
				width: 12px;
				height: 12px;
				border-radius: 50%;
				background: #1F64FF;
				opacity: 0.7;
				animation: dot-spinner 1.2s linear infinite;
			}
			.dot-spinner__dot:nth-child(1) { top: 0; left: 24px; animation-delay: 0s;}
			.dot-spinner__dot:nth-child(2) { top: 8px; left: 41px; animation-delay: 0.15s;}
			.dot-spinner__dot:nth-child(3) { top: 24px; left: 48px; animation-delay: 0.3s;}
			.dot-spinner__dot:nth-child(4) { top: 41px; left: 41px; animation-delay: 0.45s;}
			.dot-spinner__dot:nth-child(5) { top: 48px; left: 24px; animation-delay: 0.6s;}
			.dot-spinner__dot:nth-child(6) { top: 41px; left: 8px; animation-delay: 0.75s;}
			.dot-spinner__dot:nth-child(7) { top: 24px; left: 0; animation-delay: 0.9s;}
			.dot-spinner__dot:nth-child(8) { top: 8px; left: 8px; animation-delay: 1.05s;}
			@keyframes dot-spinner {
				0%, 100% { opacity: 0.7; transform: scale(1);}
				50% { opacity: 1; transform: scale(1.3);}
			}
		</style>
	</head>
	<body>
		<div id="global-loading">
			<div class="dot-spinner">
				<div class="dot-spinner__dot"></div>
				<div class="dot-spinner__dot"></div>
				<div class="dot-spinner__dot"></div>
				<div class="dot-spinner__dot"></div>
				<div class="dot-spinner__dot"></div>
				<div class="dot-spinner__dot"></div>
				<div class="dot-spinner__dot"></div>
				<div class="dot-spinner__dot"></div>
			</div>
		</div>
		<div id="app"></div>
		<script type="module" src="/main.js"></script>
	</body>
</html>